<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!doctype html>
<html class="no-js" lang="en">
<head>
 <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>购物网站</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico">
    <link rel="stylesheet" href="assets/css/vendor/vendor.min.css">
    <link rel="stylesheet" href="assets/css/plugins/plugins.min.css">
    <link rel="stylesheet" href="assets/css/style.min.css">
    <script src="assets/js/vendor/vendor.min.js"></script>
    <script src="assets/js/plugins/plugins.min.js"></script>

    <!-- Main JS -->
    <script src="assets/js/main.js"></script>
</head>
<body>
	<!-- =================
    Header Area Start 
    =====================-->
	<div class="header-area">
		<!-- Header Top Start -->
		<div class="header-top full-border">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-12"></div>
					<div class="col-lg-8 col-12">
						<div class="box-right"></div>
					</div>
				</div>
			</div>
		</div>
		<!-- Header Top End -->
		<!-- Header Middle Start -->
		<div class="header-middle space-40">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-3 col-6">
						<div class="logo">
							<a href="index"><img
								src="assets/images/logo/pos-circle-logo.jpg" alt=""
								class="img-fluid"></a>
						</div>
					</div>
					<div class="col-lg-9 col-6">
						<div class="header-middle-inner">
							<div class="search-container">
								<form action="indexone" method="post">
									 <div class="top-cat">
										<select class="select-option" name="select" id="Cid" >
                                          <option value=""></option>
                                            <%-- <c:forEach items="${productclass2 }" var="pc2">
                                            <option value="${pc2.cid }">${pc2.cname }</option>
                                            </c:forEach> --%>
                                        </select> 
									</div> 
									<div class="search_box">
										<input id="Pname" name="Pname" class="header-search" placeholder="输入您搜索的关键字..."
											type="text">
										<button class="header-search-button" type="submit" id="serach" data-type="reload">搜索</button>
									</div>
								</form>
							</div>
							 <div class="blockcart">
                                    <div class="checkout-cart">
                                        <a class="layui-btn layui-btn-big layui-btn-radius layui-btn-normal" href="register.jsp">您好，请注册</a>
                                        <a  class="layui-btn layui-btn-big layui-btn-radius layui-btn-normal" href="login_index.jsp">登录</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Header Middle End -->
		<!-- Header Bottom Start -->
		<div class="header-menu header-bottom-area theme-bg">
			<div class="container">
				<div class="row">
					<div class="col-lg-3">
						<!-- Category Menu Start -->
						<div class="categoryes-menu-bar">
							<div class="categoryes-menu-btn category-toggle">
								<div class="float-left">
									<a href="#">所有类别</a>
								</div>
								<div class="float-right">
									<i class="fa fa-bars"></i>
								</div>
							</div>
							<nav class="categorye-menus category-dropdown"> <!-- style="display: none;" -->
								<ul class="categories-expand">
									<c:forEach items="${productclass }" var="pc">
										<li class="categories-hover-right"><a href="${pc.curl }">${pc.cname }</a>
										</li>
									</c:forEach>
									<li class="category-item-parent"><a href="#"
										class="more-btn">更多分类</a></li>
								</ul>
							</nav>
						</div>
						<!-- Category Menu End -->
					</div>
					<div class="col-lg-9">
						<!-- Main Menu Start -->
						<div class="header-menu add-sticky">
							<div class="sticky-container">
								<div class="logo">
									<a href="index"><img
										src="assets/images/logo/pos-circle-logo.jpg" alt=""
										class="img-fluid"></a>
								</div>
								<nav class="main-menu">
									<ul>
										<li><a href="indexTwo">首页</a></li>
										<li><a href="my-account.jsp">我的账户</a></li>
										<li><a href="shopping-cart.jsp">购物车</a></li>
										<li><a href="wishlist.jsp">心愿单</a></li>
										<li><a href="contact.jsp">联系我们</a></li>
										<li><a href="houtai/admin_login.jsp">登录后台</a></li>
									</ul>
								</nav>
							</div>
						</div>
						<!-- Main Menu End -->
					</div>
				</div>
			</div>
		</div>
		<!-- Header Bottom End  -->
	</div>
	<!-- =================
    Header Area  End 
    =====================-->
    <script>
    $('#serach').on('click', function() {
		var Pname = $("#Pname").val();//上面搜索框的id
		console.log('Pname');
		table.reload('testReload', {//testReload,上面渲染逼格的id
			where : {//接口需要请求的参数
				'Pname' : Pname,
			}
		});
	});
    </script>

</body>
</html>